import Image from 'next/image'
import Head from 'next/head'
export default function Page({}) {
  return (
    <>
      <Head>
        <link
          href="https://fonts.googleapis.com/css2?family=Inter&display=optional"
          ref="stylesheet"
        ></link>
      </Head>
      <div className="home-center text-center">
        <div className="font-bold text-[60px] mt-[100px]">
          这是一个用于生产环境的<br></br>React框架
        </div>
        <div className="text-lg mt-10">
          Next.js
          为您提供生产环境所需的所有功能以及最佳的开发体验：包括静态及服务器端融合渲染、
          支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。
        </div>
        <div className="flex justify-center mt-10">
          <div className="bg-primry-color w-[180px] text-white text-center rounded-lg py-2 hover:bg-[#1983ff] shadow-md hover:shadow-lg mx-5">
            开始学习
          </div>
          <div className="bg-white w-[180px] text-font-color text-center rounded-lg py-2  shadow-md hover:shadow-lg mx-5">
            中文文档
          </div>
        </div>
        <div className="mt-10">开源协议: MIT GITHUB </div>
      </div>
    </>
  )
}
